body,
#wrap {
	overflow: auto;
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
}

#top {
	margin-top: max(34px, 10%);
	height: auto;
}

#main {
	margin-top: 2%;
}

#logo {
	height: 55px;
}

ul li {
	margin: 10px 0px 0px 10px;
}

.internal {
	display: none;
}

#kg-btn {
	top: 20px;
	left: max(calc(96% - 64px), 296px);
}

.container {
	display: none;
	z-index: 11;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	background: rgba(60, 60, 60, .8);
	padding-top: 10px;
}

div .group_title {
	padding: 10px 10px 0 20px;
	color: #fff;
}

.close {
	width: 25px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	color: red;
}

.close:hover {
	background: rgba(140, 140, 140, 0.8);
}

.popDiv {
	border: 2px solid #ffffff;
	background: rgba(60, 60, 60, .5);
	border-radius: 8px;
	width: 70%;
	top: 25%;
	left: 15%;
	position: fixed;
}

#div_head {
	position: absolute;
	top: 10px;
	left: 2%;
	-webkit-font-smoothing: antialiased;
}

#div_head li {
	width: auto;
	margin: 0;
}

#div_head li a {
	text-shadow: 0 0 10px #111;
	font-weight: 400;
	line-height: 25px;
	padding: 0 5px;
	width: auto;
}

#div_head li a.sel {
	background: rgba(60, 60, 60, 0.6);
}

#div_head strong {
	margin: 0;
	width: auto;
	height: auto;
	line-height: normal;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
}

#div_head li .hm {
	display: none;
	top: 25px;
	position: absolute;
	width: auto;
	z-index: 1;
}

#div_head li .hm a {
	border: none;
	background: rgba(60, 60, 60, 0.6);
	text-align: left;
}

#div_head li a:hover,
#div_head li .hm a:hover {
	background: rgba(140, 140, 140, 0.8);
}

#div_head li .hm li {
	float: none;
}


.g-ib {
	/* 控制div显示在同一行 */
	display: inline-block;
}

.search {
	display: flex;
	justify-content: center;
}

.searchForm {
	width: 80%;
}

.textWrapper {
	width: 100%;
	height: 50px;
	background: 0 0;
	border-radius: 10px;
	border: 2px solid #a30e02;
}

.textWrapper .textInput {
	float: left;
	width: calc(100% - 100px);
	height: 50px;
	border: 0;
	background: 0 0;
	font-size: 16px;
	outline: none;
	text-indent: 1em;
}

.textWrapper .submitInput {
	float: right;
	width: 100px;
	height: 54px;
	background-color: #a30e02;
	border: 0;
	color: #fff;
	font-size: 17px;
	border-radius: 0 10px 10px 0;
	transform: translate(0, -2px);
}

.shake {
	border-radius: 1em;
	vertical-align: middle;
}

.top_ico {
	width: 16px;
	height: 16px;
	margin: 0 2px 0 0;
	display: inline-block;
	vertical-align: middle;
}

@media screen and (min-width:1200px) {
	#wrap {
		height: auto;
	}

	.searchForm {
		width: 50%
	}

	.popDiv {
		width: 1024px !important;
		left: calc((100% - 1024px - 4px)/2) !important;
	}
}

@media screen and (min-width:1024px) and (max-width:1199px) {
	#wrap {
		width: 887px
	}

	.searchForm {
		width: 50%
	}

	.popDiv {
		width: 887px !important;
		left: calc((100% - 887px - 4px)/2) !important;
	}
}

@media screen and (min-width:750px) and (max-width:1023px) {
	#wrap {
		width: 750px
	}

	.searchForm {
		width: 65%
	}
}

@media only screen and (min-width:480px) {

	.app ul li a img,
	svg.shake {
		width: 64px;
		height: 64px;
	}

	div ul li a,
	div ul li a strong,
	ul li {
		display: block;
		width: 96px
	}
}

@media screen and (max-width:479px) {
	#wrap {
		width: 360px;
	}
}

@media only screen and (max-width:479px) {

	.app ul li a img,
	svg.shake {
		width: 55px;
		height: 55px
	}

	.top_ico {
		width: 13px;
		height: 13px;
	}

	div ul li a,
	ul li {
		width: 60px
	}

	div ul li a strong {
		width: 60px;
		font-size: 12px;
	}

	#div_head strong {
		font-size: 10px;
	}

	ul li {
		margin: 10px 0 10px 10px
	}

	div .textWrapper {
		height: 30px;
	}

	div .textWrapper .textInput {
		height: 30px;
		width: calc(100% - 80px);
	}

	div .textWrapper .submitInput {
		width: 80px;
		height: 34px;
		font-size: 15px;
	}
}